import { View, Button } from '@tarojs/components';
import './index.less';
import Taro from '@tarojs/taro';

export default function Index() {
  // 跳转到take-parcel
  const onTakeTrash = () => {
    Taro.navigateTo({
      url: '/pages/take-trash/index',
    });
  };

  return (
    <View className="take-parcel-readme">
      <View className="section service-time">
        <View className="section-title">服务时间</View>
        <View className="section-content">
          每日<span className="green">22:00前</span>请将垃圾放置于<span className="green">家门口旁或电梯一侧任意区域</span>（避免阻碍通行）
          服务团队将于次日<span className="green">凌晨6:00前</span>完成垃圾清理，确保楼道整洁。
        </View>
      </View>

      <View className="section service-process">
        <View className="section-title">服务流程</View>
        <View className="section-content">
          通过小程序选择「一日代扔」或「预约周期服务」，工作人员上门定点清理垃圾。
        </View>
      </View>

      <View className="section fee-standard">
        <View className="section-title">收费标准与优惠</View>
        <View className="section-content">
          <View className="fee-item">「基础费用」10斤以内：2元/次，按次计费。</View>
          <View className="fee-item">「周省套餐」7天仅需7元（原价14→7元），立省50%！ <span className="green">日均低至1元</span>！</View>
          <View className="fee-item">「月省套餐」30天狂省45元（原价60元→15元），立省75%！<span className="green">日均低至0.5元</span>！</View>
        </View>
      </View>

      <View className="section notice">
        <View className="section-title">大件/特殊垃圾处理</View>
        <View className="section-content">
          <View className="notice-item">1. 大型物品（如衣柜、沙发、家电等）需<span className="green">提前24小时</span>致电客服（电话：158 6449 0503）预约，根据物品体积/重量协商费用。</View>
          <View className="notice-item">2. 危险品（电池、化学品）、医疗垃圾等需单独说明，可能无法提供服务。</View>
          <View className="notice-item">3. 临时加急服务（如未在22:00前放置）：加收 50%服务费，需致电确认能否安排。</View>
        </View>
      </View>

      <View className="submit-btn">
        <Button onClick={onTakeTrash}>前往下单</Button>
      </View>
    </View>
  );
}
